<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="UTF-8"
	import="com.aai.utils.*,java.util.*,com.guhesan.querycrypt.QueryCrypt,com.guhesan.querycrypt.beans.RequestParameterObject"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.reveal.js"></script>
<script type="text/javascript" src="js/index_form.js"></script>
<script type="text/javascript" src="js/tooltip.js"></script>
<script type="text/javascript" src="js/onlineloader.js"></script>
<script type="text/javascript" src="js/boxes.js"></script>
<script type="text/javascript" src="js/mootools-1.2.1-core.js"></script>
<script type="text/javascript" src="js/mootools-1.2-more.js"></script>
<script type="text/javascript" src="js/lofslidernews.mt12.js"></script>
<script type="text/javascript" src="js/jscal2.js"></script>
<script type="text/javascript" src="js/lang/en.js"></script>



<link rel="shortcut icon" href="images/icon.jpg" />
<link rel="stylesheet" href="style/reveal.css" />
<link rel="stylesheet" href="style/style.css" />
<link rel="stylesheet" href="style/menu.css" />
<link rel="stylesheet" href="style/boxes.css" />
<link rel="stylesheet" href="style/jstyle.css" />
<link rel="stylesheet" href="style/jscal2.css" />
<link rel="stylesheet" href="style/border-radius.css" />
<link rel="stylesheet" href="style/steel/steel.css" />




<title>2AI.::Association des anciens de l'IPEIT</title>
</head>
<body>


	<div id="outer">
		<div id="header">
			<%@include file="header.jsp"%></div>
		<div id="menu">
			<%@include file="menu.jsp"%></div>
		<table>
			<tr>
				<td>
					<div id="left">
						<iframe scrolling="no" frameborder="0"
							style="border: medium none; overflow: hidden; width: 100%; height: 255px;"
							src="http://www.facebook.com/plugins/likebox.php?id=165548200180603&amp;width=170&amp;connections=10&amp;stream=false&amp;header=false&amp;height=255"></iframe>
						<br /> <br />
						<script src="http://widgets.twimg.com/j/2/widget.js"></script>
						<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 2,
  interval: 6000,
  width: 'auto',
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('2AIpeit').start();
</script>
					</div></td>
				<td>
					<div id="content">
						<%
							int id;
							if (request.getParameter("page") != null)
								id = Integer.parseInt(request.getParameter("page"));
							else
								id = -1;
							switch (id) {
								case Constants.presentation :
						%>
						<%@include file="presentation.jsp"%>


						<%
							break;
								case Constants.validation :
						%>
						<%@include file="validation.jsp"%>
						<%
							break;
								case Constants.news_more :
									request.setAttribute("id", request.getParameter("id"));
						%>
						<%@include file="news_more.jsp"%>
						<%
							break;
								case Constants.articles :
									request.setAttribute("id", request.getParameter("id"));
						%>
						<jsp:include page="/articles" />
						<%
							break;

								default :
						%>


						<%@include file="news.jsp"%>
						<div id="videosBox">
							<h3>
								<font color="#606060">Vidéos</font>
							</h3>
							<%@include file="videosBox.html"%>
							<!-- <div>

							<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
								codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
								width="800" height="260" id="player1" align="middle">
								<param name="movie" value="video/2ai.swf" />
								<param name="menu" value="false" />
								<param name="quality" value="high" />
								<param name="bgcolor" value="#eeeeee" />
								<embed src="video/2ai.swf" menu="false" quality="high"
									bgcolor="#eeeeee" width="540" height="260" name="player"
									align="middle" allowScriptAccess="sameDomain"
									type="application/x-shockwave-flash"
									pluginspage="http://www.macromedia.com/go/getflashplayer" />
							</object>
						</div> -->
						</div>

						<%
							break;
							}
						%>

					</div>
				</td>
				<td>
					<div id="right">
						<div id="connexion" class="reveal-modal">

							<center>
								<img src="images/logo.png" />
							</center>


							<br />
							<h3>
								<font color="ccc">Connexion au portail des anciens de
									l'IPEIT</font>
							</h3>
							<table>
								<tr>
									<td>
										<form method="POST" action="index">
											<fieldset>
												<legend>Avec vos coordonnées:</legend>
												<table>
													<tr>

														<td><label>Pseudo :</label>
														</td>
														<td><input type="text" name="pseudo" />
														</td>
													</tr>
													<tr>
														<td><label>Mot de passe :</label>
														</td>
														<td><input type="password" name="motDePasse" />
														</td>
													</tr>
													<tr align="center">

														<td colspan="2"><input class="myButton" type="submit"
															value="Connexion" />
														</td>
													</tr>
												</table>
											</fieldset>
										</form>
									</td>
									<td style="margin-left: 5px" class="myButton">Mot de passe
										oublié?</td>
								</tr>
							</table>
							<br /> <a class="close-reveal-modal">&#215;</a>

						</div>

						<div id="inscription" class="reveal-modal">

							<center>
								<img width="200" src="images/logo.png" />
							</center>
							<hr />
							<h2>Inscription au portail des anciens de l'IPEIT:</h2>

							<h4>Vous pouvez créer directement votre compte en complétant
								le formulaire ci-dessous :</h4>

							<form name="inscription" method="post" action="inscription.do"
								onsubmit="return test_inscription()">

								<div align="center">

									<table border="0" COLS="2">
										<tr>
											<td align="right">Nom<font color="red">*</font> :</td>
											<td align="right"><input type="text" colspan="2"
												name="Nom">
											</td>

										</tr>

										<tr>
											<td align="right">Prénom<font color="red">*</font> :</td>
											<td align="right"><input type="text" colspan="2"
												name="Prenom">
											</td>
										</tr>

										<tr>
											<td align="right">Pseudo<font color="red">*</font> :</td>

											<td align="right"><input onblur="test_exist(this)"
												type="text" colspan="2" name="pseudo">
											</td>
											<td id="pseudo_test"></td>
										</tr>

										<tr>
											<td align="right">Mot de Passe<font color="red">*</font>
												:</td>
											<td align="right"><input type="password" colspan="2"
												name="passwd">
											</td>
										</tr>

										<tr>
											<td align="right">Année de l'entrée à l'IPEIT<font
												color="red">*</font> :</td>
											<td align="right"><input type="text" colspan="2"
												size="4" maxlength="4" name="date">
											</td>
										</tr>
										<tr>

											<td align="right">Email<font color="red">*</font> :</td>
											<td align="right"><input type="text" colspan="2"
												name="Email">
											</td>
										</tr>

										<tr>
											<td colspan="2" align="center"><br /> <input
												class="myButton" type="submit" value="Créer mon compte"
												name="submit"> <input class="myButton" type="reset"
												name="raz" value="Annuler">
											</td>

										</tr>
									</table>
								</div>
							</form>

							<br /> <br /> <span class="oblig-star">Les champs
								marqués par une étoile <font color="red">*</font> sont
								obligatoires</span> <br />
							<hr />


							<a class="close-reveal-modal">&#215;</a>




						</div>
						<div id="connTwFb">

							<%
								if (session.isNew() || session.getAttribute("pseudo") == null) {
							%>
							<a href='#' data-reveal-id='connexion'>Connexion</a> | <a
								href='#' data-reveal-id='inscription'>Inscription</a>
							<%
								} else {
									out.println("Bonjour <font color='#00FFFC'><em>"
											+ session.getAttribute("pseudo") + "</em></font>");
									out.println("<span style='float:right'><a href='deconnexion'>[Déconnexion]</a></span>");
									out.println("<br /><br /><a href=\"http://twitter.com/share\" class=\"twitter-share-button\" data-count=\"horizontal\" data-via=\"tunimaestro\" data-lang=\"fr\">Tweeter</a><script type=\"text/javascript\" src=\"http://platform.twitter.com/widgets.js\"></script>");

									out.println("<!-- Place this tag where you want the +1 button to render -->"
											+ "<span style='float:right'><g:plusone></g:plusone></span>"
											+

											"<!-- Place this tag after the last plusone tag -->"
											+ "<script type=\"text/javascript\">"
											+ "window.___gcfg = {lang: 'fr'};"
											+

											"(function() {"
											+ "var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;"
											+ "po.src = 'https://apis.google.com/js/plusone.js';"
											+ "var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);"
											+ "})();" + "</script>");
									out.println("<br /><br /><div id=\"fb-root\"></div><script src=\"http://connect.facebook.net/fr_FR/all.js#appId=237147116317741&amp;xfbml=1\"></script><fb:like href=\"http://localhost:8080/2ai/index\" send=\"true\" layout=\"button_count\" width=\"100\" show_faces=\"false\" font=\"trebuchet ms\"></fb:like>");

								}
							%>
						</div>
						<div id="connectedBox">
							<h3>Connectés</h3>
							<div id="connectedDiv">
								<br />
								<center>
									<img src="images/load.gif">
								</center>
							</div>
						</div>
						<div id="connectedBox">
							<h3>Associations partenaires</h3>
							<a href="http://www.ipestien.org"><img
								src="http://s3.amazonaws.com/twitter_production/profile_images/262956992/logo_adai_normal.JPG" />
							</a> <a href="http://www.atuge.org"><img height="50"
								src="http://upload.wikimedia.org/wikipedia/commons/f/f9/Logo_atuge.jpg" />
							</a>
						</div>

						<div id="calendar"></div>
						<script type="text/javascript">
							//         

							var DATE_INFO = {
									<%MySQLConnect sql_event = MySQLConnect.getInstance();
			Connection con_event = sql_event.connect();
			if (con_event != null) {
				String query_event = "SELECT * FROM events";
				Statement st_events = con_event.createStatement();
				ResultSet result_event = st_events.executeQuery(query_event);
				int year, month, day, intDate;
				String event_title;
				java.text.DateFormat date = new java.text.SimpleDateFormat(
						"yyyyMMdd");
				while (result_event.next()) {

					event_title = "%Y/%m/%d (%A)<br />"
							+ result_event.getString(2) + "à "
							+ result_event.getString(5);%>
											<%=date.format(result_event.getDate(4))%>: {
												klass: "highlight",
												tooltip: "<%=event_title%>"
													},
											
											<%}

			}%>
								<%java.text.DateFormat date = new java.text.SimpleDateFormat(
					"yyyyMMdd");%>	
								<%=date.format(new java.util.Date())%> : {
									klass : "highlight",
									tooltip : "Aujourd'hui"
								}
							};

							function getDateInfo(date, wantsClassName) {
								var as_number = Calendar.dateToInt(date);
								
								return DATE_INFO[as_number];
							};
							
							var cal = Calendar.setup({
								cont : "calendar",
								fdow : 1,
								date : Calendar.dateToInt(new Date()),
								dateInfo : getDateInfo
							});

							//
						</script>



					</div>
				</td>
			</tr>
		</table>



	</div>
	<br />
	<div id="commissions" style="height: 270px;">
		<div id="boxes">
			<div class="boxgrid caption">
				<img src="images/finances.jpg" />
				<div class="cover boxcaption">
					<h3>Commission financement</h3>
					<em>Listing des moyens de financement de l'association et
						sponsoring.</em>
				</div>
			</div>
			<div class="boxgrid caption">
				<img src="images/anciens.jpg" />
				<div class="cover boxcaption">
					<h3>Comission Anciens</h3>
					<em>Préparation d'un annuaire des anciens de toutes des promos
						à partir de 1997 jusqu'à ce jour.</em>
				</div>
			</div>
			<div class="boxgrid caption">
				<img src="images/communications.gif" />
				<div class="cover boxcaption">
					<h3>Comission communication</h3>
					<em>Contacter les Journaux ,Revues, Magazines pour les
						informer des évènement.. </em>
				</div>
			</div>

			<div class="boxgrid caption">
				<img src="images/boxes.jpg" />
				<div class="cover boxcaption">
					<h3>Comission Multimédia</h3>
					<em>Mise à jour du site et des pages des réseaux sociaux.
						Design des affiches, banderoles et brochures</em>
				</div>
			</div>

			<div class="boxgrid caption">
				<img src="images/logistiques.jpg" />
				<div class="cover boxcaption">
					<h3>Comission Logistique</h3>
					<em>organise les événements/ s'occupe de l'impression des
						affiches, cartes membres etc.</em>
				</div>
			</div>
			<div class="boxgrid caption">
				<img src="images/redaction.jpg" />
				<div class="cover boxcaption">
					<h3>Comission Rédaction</h3>
					<em>Rédaction du journal de la 2AI, de la Newsletter , des
						articles du site officiel..</em>
				</div>
			</div>
		</div>


	</div>
	<br />

	<div id="footer">
		<div id="connTwFb">
			<%@include file="footer.jsp"%>
		</div>

	</div>

</body>
</html>